$(function () {
  init();

  function init() {
    getData();
    eventList()
  }
  // 创建一个获取数据的函数
  function getData() {
    // 获取商品标题
    $.get("http://193.112.55.79:9090/api/getcategorytitle", (res) => {
      let titleHTML = template("titleTemp", {
        data: res.result
      })
      $(".goods").html(titleHTML);
    })
  }
  // 这是放置事件的韩式
  function eventList() {
    let titleId;
    $(".goods").on("tap", ".goods_title", function () {
      let goodsnameHTML = '';
      titleId = $(this).data("titleid");
      var that = $(this);
      $.get("http://193.112.55.79:9090/api/getcategory?titleid=" + titleId, (res) => {
        let goodsArr = res.result;
        for (let i = 0; i < goodsArr.length; i++) {
          goodsnameHTML +=
            `<li><a href="zyp_productlist.html?categoryid=${titleId}&category=${goodsArr[i].category}&pageid=1">${goodsArr[i].category}</a></li>`
        }
        var ul = that.next().find(".goodsList");
        ul.html(goodsnameHTML)
      })
    })
  }
});